.main {
  background: rgba(0, 0, 0, .86);
}
.login-page-left {
  background: #666;
}
.login-page-right {
  background: #333;
}
.login-bar {
  background: #666;
  color: #fff;
}
.login-win {

}
.login-win-line .el-input {
  border-bottom: 2px solid #ccc;
}
.login-win-line .el-input:hover {
  border-bottom: 2px solid #000;
}
.login-win-line .el-button {
  background: #999;
  color: #333;
}
.login-win-line .el-button:hover {
  background: #333;
  color: #fff;
}
.head-bar {
  background: rgba(0, 0, 0, .9);
  color: #ccc;
}
.footer-bar {
  background: rgba(0, 0, 0, .8);
  color: #ccc;
}
.footer-bar .footer-crop {
  border-top: 1px solid rgba(102, 102, 102, 0.5);
  border-bottom: 1px solid rgba(102, 102, 102, 0.5);
}
.intro-bar {
  background: rgba(255, 255, 255, 0);
}
.intro-card {

}
.intro-card .card-item {
  color: #333;
  background-color: #999;
}
.intro-card .card-active {
  background-color: #666;
}
.landscape-bar {
  background: #ccc;
}
.landscape-bar .bar-title {
  color: #000;
}
.landscape-bar .bar-sub-title {
  color: #333;
}
.landscape-bar .bar-link {
  color: #06c;
}
.portrait-bar {
  background: #ddd;
}
.portrait-bar .bar-title {
  color: #000;
}
.portrait-bar .bar-sub-title {
  color: #333;
}
.portrait-bar .bar-link {
  color: #06c;
}
.split-landscape-bar {

}
.split-portrait-bar {

}
.back-container {

}
.back-container .back-aside {
  background: rgba(51, 51, 51, 0.8);
  border-right: 1px solid #ccc;
}
.back-container .back-content .back-content-header  {
  background: rgba(0, 0, 0, 0.72);
}
.back-container .back-content .back-content-main  {
  background: #eee;
}
.menu-basic {

}
.menu-basic .iconfont {
  color: #fff;
}
.menu-basic .el-menu-item {
  background: #999;
  color: #fff;
}
.menu-basic .el-menu-item:hover {
  background: #666;
}
.menu-basic .el-submenu {
  background: #999;
  color: #fff;
}
.menu-basic .el-submenu:hover {
  background: #666;
}
.menu-basic .el-submenu__title {
  background: #999;
  color: #fff;
}
.menu-basic .el-submenu__title:hover {
  background: #666;
}
.top-line-menu {
  color: #ccc;
}
.top-line-menu:hover {
  border-bottom: 2px solid #ccc;
}
.menu-split {
  background: #ccc;
}
.search-bar {
  background: #ddd;
}
.search-btn {
  background: #c8bfd2 !important;
  color: #fff !important;
}
.reset-btn {
  background: #eed265 !important;
  color: #fff !important;
}
.add-btn {
  background: #95ccb7 !important;
}
.mod-btn {
  background: #f9f4ee !important;
}
.del-btn {
  background: #a20018 !important;
}
.el-table {

}
.el-table thead th {
  background: #abcedf !important;
  color: #fff !important;
}
.el-table tbody td {
  background: rgba(171, 206, 223, .5) !important;
  color: #fff !important;
}
.simple-menu {
  color: #333;
}
